<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
<link rel="stylesheet" type="text/css" href="../css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="../css/bootstrapValidator.min.css">
<script type="text/javascript" src="../js/jquery-3.0.0.min.js"></script>
<script type="text/javascript" src="../js/bootstrap.min.js"></script>
<script type="text/javascript" src="../js/bootstrapValidator.min.js"></script>
<script src="../js/highcharts.js"></script>
<script  src="../js/histogram.js"></script>
</head>
<body>
<div class="container">
    <div class="row">
        <div class="col-md-10">
            <input type="text" class="form-control">
        </div>
        <div class="col-md-2">
            <button type="button" class="btn btn-primary form-control">搜索</button>
        </div>
    </div>
    <div class="row">
        <div class="col-md-12">
            <ul id="myTab" class="nav nav-tabs nav-justified" style="font-size:13px">
                <li class="active"><a href="#leftcheck" data-toggle="tab">余票查询</a></li>
                <li><a href="#problem" data-toggle="tab">网上购票常见问题</a></li>
                <li><a href="#knowlege" data-toggle="tab">铁路常识</a></li>
                <li><a href="#goods" data-toggle="tab">货运办理常见问题</a></li>
            </ul>
            <br>
            <div id="myTabContent" class="tab-content">
                <div class="tab-pane fade in active" id="leftcheck">
                    <table class="table table-bordered table-striped text-center">
                        <tr><td>出发地</td><td>目的地</td><td>6月29日</td><td>6月30日</td><td>7月1日</td><td>7月2日</td></tr>
                        <tr><td>哈尔滨</td><td>沈阳</td><td>29</td><td>301</td><td>172</td><td>173</td></tr>
                        <tr><td>成都</td><td>长沙</td><td>124</td><td>101</td><td>122</td><td>73</td></tr>
                        <tr><td>上海</td><td>广州</td><td>129</td><td>21</td><td>32</td><td>873</td></tr>
                        <tr><td>长春</td><td>大连</td><td>230</td><td>101</td><td>132</td><td>83</td></tr>
                        <tr><td>北京</td><td>广州</td><td>129</td><td>91</td><td>12</td><td>803</td></tr>
                        <tr><td>重庆</td><td>上海</td><td>173</td><td>111</td><td>1232</td><td>893</td></tr>
                        <tr><td>西安</td><td>兰州</td><td>119</td><td>321</td><td>1002</td><td>721</td></tr>
                    </table>
                </div>
                <div class="tab-pane fade" id="problem">
                    <div id="ct" style="width: 800px;height: 400px"></div>
                </div>
                <div class="tab-pane fade" id="knowlege">
                    <p><a>车票有哪些种类？</a> </p>
                    <p><a>什么是直达票、通票？</a> </p>
                    <p><a>什么是异地票、联程票和往返票？</a> </p>
                    <p><a>去哪里可以购买车票？</a> </p>
                    <p><a>如何购买优待（惠）车票？</a> </p>
                    <p><a>车票有效期是如何规定的？</a> </p>
                    <p><a>为什么有“硬卧代硬座”和“软卧代软座或二等座”车票？</a> </p>
                    <p><a>什么是中铁银通卡？</a> </p>
                    <p><a>什么是广深铁路牡丹信用卡？</a> </p>
                    <p><a>如何购买站台票？</a> </p>
                    <p><a>什么是实名制车票？</a> </p>
                    <p><a>实行车票实名制时，可以使用哪些身份证件？</a> </p>
                </div>
                <div class="tab-pane fade" id="goods">
                    <p><a>如何通过拨打12306客服电话办理发货？</a> </p>
                    <p><a>12306网上“我要发货”办理流程是什么？</a> </p>
                    <p><a>12306网上自助办理流程是什么？</a> </p>
                    <p><a>如何使用12306网站货物追踪服务？</a> </p>
                    <p><a>货运服务质量问题投诉渠道有哪些？</a> </p>
                    <p><a>客户自装卸货物的装卸费核收问题？</a> </p>
                    <p><a>铁路货运承运哪些货物？</a> </p>
                    <p><a>提报铁路货运需求有哪几种渠道？</a> </p>
                    <p><a>如何通过拨打铁路货运站受理电话办理发货？</a> </p>
                    <p><a>如何通过铁路货运营业站或营业场所办理发货？</a> </p>
                    <p><a>能够联系铁路人员上门服务办理业务吗？</a> </p>
                    <p><a>什么是“大宗稳定货物”？</a> </p>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
</html>